<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .parent{
            color: pink;
            font-size: 20px;
            /* 行高 */
            line-height: 36px;
            /* 设置水平对齐 lift right */
            text-align:center;
            /* 取消下滑线 */
            text-decoration: none;
        }
        a{
            text-decoration: none;
        }
        p{
            color: aqua !important;
        }
        .p{
            color: rgb(208, 255, 127);

        }
        #p{
            color: bisque;
        }
        section{
            /* 1.关键字
            color：red；
            2.十六进制 #0-9 a-f 
            3.三原色 red green blue 0-225*/
            /* rgba 三原色+透明度 alpha 0-1 
            值越小越透明值越大越不透明0（完全透明）1完全不透明*/
            color:rgba(red, green, blue,0.5)
            /* 设置字体大小 */
            font：size 28px
            /* 设置字体类型/ */
            font-family："楷体"
            /* 设置字体粗徐程度 */
            font-weight：bond
            /* 设置字体是否开启倾斜 */
            fond-style：italic


        }
    </style>
</head>
<body>
    <!-- 继承性 设置父元素样式，后代元素可以继承
     color font- text-line
     2.层叠性 选择同一个标签 设置相同的样式发生层叠 
     3.优先级
        内联样式>内部样式表>外部样式表
        !important 不计入权重 优先级最高
        style 1000
        id   100
        class  10
        标签   1
        通配符*  0
        -->
     
     <div class="parent">
        <div>我是div</div>
        <div>我是div</div>
        <div>我是div</div>
        <a href="baiduyixai">百度一下</a>

     </div>
     <p id="pid"class="p"style="color:orange">段落标签</p>
     <section>我是section</section>
</body>
</html>